<!--&lt;!&ndash; Child.vue代码 &ndash;&gt;-->
<!--<template>-->
<!--    <div class="child">-->


<!--        <button @click="sendMsgToParent">增加1</button>-->
<!--        <button @click="jian">减小</button>-->
<!--    </div>-->
<!--</template>-->

<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<!--<script>-->
<!--    export default{-->
<!--        el: '#app',-->
<!--        data() {-->
<!--            return {-->
<!--                number:0-->
<!--            }-->

<!--        },-->
<!--        props: ['message'],-->
<!--        methods: {-->
<!--            sendMsgToParent: function () {-->
<!--                // 使用自定义事件传递一句话-->
<!--                this.number=this.number+1-->
<!--                this.$emit("listenToChildEvent", this.number)-->
<!--            },-->
<!--            jian:function () {-->
<!--                if(this.number>0) {-->
<!--                    this.number = this.number - 1-->
<!--                    this.$emit("listenToChildEvent1", this.number)-->
<!--                }-->
<!--            }-->

<!--        }-->
<!--    }-->
<!--</script>-->